<template>
	<view class="diamond-wrapper">
		<view class="diamond-inner">
		  <view class="img-container" @click="vk.navigateTo('/pages/creator/my-template')">
        <u-image :src="baseUrl + '/avatar-client/images/my-template-banner.png'" width="100%" mode="widthFix"></u-image>
      </view>
      <view class="img-container">
        <u-image :src="baseUrl + '/avatar-client/images/invite-banner.png'" width="100%" mode="widthFix"></u-image>
      </view>
		</view>
	</view>
</template>

<script setup lang="ts">
	const baseUrl = vk.getVuex('$app.config.staticUrl.baseUrl');
</script>

<style lang="scss">
	.diamond-wrapper {
		padding: 0 30rpx;
		margin-top: 60rpx;
		.diamond-inner {
			display: flex;
      justify-content: space-between;
      
      .img-container {
        width: 48%;
        box-shadow: 0px 8.5px 25.5px  rgba(233, 239, 245, 1);
      }
		}
		
	}
</style>